<!-- 选择日期输入框 -->
<template>
  <div class="InputDate-container">
    <el-date-picker class="custom-date-picker" :disabled-date="props.disabledDate" v-model="props.modelValue.date" @change="synchronization"  type="date" placeholder="起始时间"/>
  </div>
</template>

<script setup>
const props = defineProps({
    modelValue:{
        type: Object,
        default: () => ({})
    },
    disabledDate:{
      type:Function,
      default: false,
    }
})
const emit = defineEmits(["change"])
function synchronization(){
  emit("change",props.modelValue)
}


</script>

<style lang="less">
.InputDate-container {
  width: 100%;
  height: 100%;
  display: inline;

  .custom-date-picker .el-input__wrapper{
    background-color: transparent;
    border:1px solid #fff;
    box-shadow: none;
  }
  
}
</style>